﻿<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        
        <link href="css/main.css" type="text/css" rel="stylesheet" title="mainStyle">
        <link href="css/store.css" type="text/css" rel="stylesheet" title="mainStyle">
        <link href="css/info.css" type="text/css" rel="stylesheet" title="mainStyle">
        <link href="css/cart.css" type="text/css" rel="stylesheet" title="mainStyle">
        <link href="css/search.css" type="text/css" rel="stylesheet" title="mainStyle">
        <link href="css/cart_validation.css" type="text/css" rel="stylesheet" title="mainStyle">
        <link href="css/account.css" type="text/css" rel="stylesheet" title="mainStyle">

        <script type="text/javascript" src="libs/js/jquery-1.9.1.min.js"></script>  
		<script type="text/javascript" src="pages/controller/js/main.js"></script>

        <link rel="stylesheet" href="libs/js/nivo-slider/themes/default/default.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="libs/js/nivo-slider/themes/light/light.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="libs/js/nivo-slider/themes/dark/dark.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="libs/js/nivo-slider/themes/bar/bar.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="libs/js/nivo-slider/nivo-slider.css" type="text/css" media="screen" />

    {block name='javascript'}{/block}

</head>
<body>
    <!-- Main Div -->
    <div class="main">


        <div class="content">

            <!-- Website Header -->
            <header id="header">
                <a href="index.php" ><div id="logo"></div></a>

				
				
                <a href="cart" id="cartInfoLink">
                    <div id="cartInfo">	
                        <img src="img/menu/cart.png" alt="cart" />
                        <div id="nbArticles">{$nbArticles} articles</div>
                    </div>
                </a>
				
				

                <div id="headerTools">
                    <form action="index.php" method="get">
                        <input type="hidden" name="page" value="search" />
                        <input name="search" type="text" id="quickSearch" placeholder="Recherche rapide" />
                        <button type="submit" id="quickSearchButton" title="Recherche rapide" />
                    </form>
					
                </div>

            </header>

            <div class="divider"><img src="img/divider.png" alt="divier" /></div>

            <!-- Navigation -->
            <nav id="navigation">
                <div class="navigationItem"><a href="home" id="navAccueil" >Accueil</a></div>
                <div class="navigationItem"><a href="store" id="navBoutique" >Boutique</a></div>
                <div class="navigationItem"><a href="search" id="navRecherche" >Recherche</a></div>
                <div class="navigationItem"><a href="cart" id="navPanier" >Panier</a></div>
                <div class="navigationItem"><a href="account" id="navMonCompte" >{if $connected}Mon Compte{else}Connexion{/if}</a></div>
            </nav>

            <div class="divider"><img src="img/divider.png" alt="divier" /></div>

			{block name='contentHeader'}{/block}

			<h1><div class="center">{block name='title'}{/block}</div></h1>

			<div id="insideContent">
			{block name='content'}{/block}
		</div>


		<br /><br />
		<div class="divider"><img src="img/divider.png" alt="divier" />

			<!-- Footer -->
			<footer class="pageFooter">
				Thomas Knobloch & Clément Troesch
				<br /><br />
			</footer>


		</div> 

	</div>
	
	<div id="actionInfo"></div>


</body>
</html>